<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
	<head>
		<meta content="text/html; charset=UTF-8" />
		<title>人物管理系统</title>
		<link th:href="@{/css/bootstrap.css}" rel="stylesheet" type="text/css" />
		<script type="text/javascript" th:src="@{/webjars/jquery/3.2.1/jquery.min.js}"></script>
		<script type="text/javascript" th:src="@{/plugin/jquery-validate/jquery.validate.min.js}"></script>
		<script type="text/javascript" th:src="@{\plugin\jquery-validate\localization\messages_cn.js}"></script>
		<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
		<script>
	</head>
 <body>
	<ul class="nav nav-tabs" role = "tablist">
		<li role = "presentation" class = "active"> <a href = "register.html" role = "tab">注册</a></li>
		<li role = "presentation"><a  href = "login.html" role = "tab">登录</a></li>
	    <li role = "presentation"><a  href = "index.html" role = "tab">首页</a></li>
	</ul>
	<div class="tab-content">
	   <div role = "tabpanel" class="tab-pane fade in active.html" id="register">
	      <h3>注册</h3>
	   </div>
	   <div role = "tabpanel" class="tab-pane fade " id="login.html">
	       <h3>登录</h3>
	   </div>
	   <div role = "tabpanel" class="tab-pane fade" id="index.html">
	       <h3>首页</h3>
	   </div>
	</div>
	<div class="container" align="center">
		<ul class="nav navbar-nav navbar-right">
			<li><a data-toggle="modal" data-target="#register" href=""><span class="glyphicon glyphicon-user"></span> 注册</a></li>
			<li><a data-toggle="modal" data-target="#login" href=""><span class="glyphicon glyphicon-log-in"></span> 登录</a></li>
	   </ul>
		<div class="modal-body ">
	     <div class="row">
	    	<div class="col-sm-6 col-sm-offset-3 jumbotron">
			   <h2 class="text-info" style="font-family:宋体;font-weight:bold;font-size:40px;margin-bottom:40px;">登录</h2>
	    		 <form class="form-horizontal " style="margin-top:-20px" id = "myform" th:action="@{/login}" method="post">
	              <div class="form-group">
	                 <label for="username" class = "col-sm-3 control-label">用户名</label>
	                   	<div class = "col-sm-9">
         			 		<input class="form-control" id = "username" name = "username" type="text" placeholder="6-15位字母或数字" />
	                    </div>
	              </div>
	             <div class="form-group">
	                 <label for="password" class = "col-sm-3 control-label">密码</label>
	                   <div class = "col-sm-9">
                  		   <input id = "password" name = "password" class="form-control" type="password" placeholder="至少6位字母或数字" />
	                   </div>
	             </div>
            	 <div class="align center">
               	 	<button class="btn btn-primary" type="submit" id = "submit">登录</button>
            	 </div>
	     	   </form>
	     	 </div>
	     </div>
	   </div>
	</div>
  </body>
</html>